<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta name="keywords" content=""/>
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- bootstrap-css -->
    <link href="${ctxPath}/static/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <!--// bootstrap-css -->
    <link rel="icon" type="image/x-icon" href="${ctxPath}/static/faviconTitle.ico"/>
    <!-- css -->
    <link rel="stylesheet" href="${ctxPath}/static/css/stylea.css" type="text/css" media="all" />
    <link href="${ctxPath}/static/css/zhyd.comment.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/zhyd.core.css" rel="stylesheet">
    <!--// css -->

    <!-- font-awesome icons -->
    <link href="${ctxPath}/static/css/font-awesome.css" rel="stylesheet">
    <!-- //font-awesome icons -->
    <script src="${ctxPath}/static/js/jquery-1.11.1.min.js"></script>
    <!-- flexslider -->
    <link rel="stylesheet" href="${ctxPath}/static/css/flexslider.css" type="text/css" media="screen" />
    <!-- //flexslider -->

</head>
<body>
    <!--banner-->
    @include("../_header.html",{current:'关于公司'}){}
    <div class="banner-top visible-lg-block visible-md-block"  style="height: 370px;background: url('${sub.pic}') no-repeat 0 ;background-size: cover ">
    </div>
    <div class="banner-top visible-xs-block visible-sm-block"  style="height: 150px;background: url('${sub.mobileBannerPic}') no-repeat 0 ;background-size: 100% 100%; ">
    </div>
    <!--//banner-->

    <div class="container-fluid" style="padding: 0;">
<!--        <div style="background: #EEEEEE;width: 100%;height: 80px;">-->
<!--            <div class="col-md-12 col-xs-12">-->
<!--                <div style="color: #333333;font-size: 24px;width: 1100px;margin: 0 auto;line-height: 80px;">-->
<!--                    关于公司 / 管理团队-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
        <!--pc-->
        <div class="container visible-md-block visible-lg-block" style="margin-top: 10px;position: relative;">
            <div class="col-md-12 col-xs-12">
                <div class="sub_zonbox">
                    <div class="sub_zonleft">
                        @for(item in subList){
                            @if(sub.id == item.id){
                            <a  href="/subDetail/subId${item.id}.html"  class="sub_title active_title" onclick="">${item.dateName}</a>
                            @}else{
                            <a  href="/subDetail/subId${item.id}.html"  class="sub_title" onclick="">${item.dateName}</a>
                            @}
                        @}
                    </div>

                    <div class="sub_zonright">
                        <div class="sub_rightbox">
                            <div class="sub_rightitle">${sub.dateName}</div>
                            @if(sub.id == 5){
                            <div id="productContent" class="visible-md-block visible-lg-block" style="margin-top: 25px">
                                <div class="news-list-body">
                                    @for(item in persons){
                                    <div class="news-list-item"  target="_blank">
                                        <div class="news-cont-box" style="height: 240px;">
                                            <h4 class="title">${item.productName}</h4>
                                            <!--<p class="time">${item.createDatetime,dateFormat="yyyy-MM-dd"}</p>-->
                                            <p>${item.detail}</p>
                                        </div>
                                        <div class="news-item-img" style="background-image: url(${item.pic});width: 200px;height: 240px;"></div>
                                    </div>
                                    <hr style="border-bottom: 1px solid #D4D4D4"/>
                                    @}
                                </div>
                            </div>
                            @}else if(sub.id == 3){
                                <div class="sub_oragn">
                                    <div class="sub_oragnbox"><div class="sub_boxbor">
                                        <div class="sub_bortitle">办公室</div>
                                        <div class="sub_bortext">Corporate office</div>
                                    </div></div>
                                    <div class="sub_oragnbox"><div class="sub_boxbor">
                                        <div class="sub_bortitle">财务部</div>
                                        <div class="sub_bortext">Accounting Dept.</div>
                                    </div></div>
                                    <div class="sub_oragnbox"><div class="sub_boxbor">
                                        <div class="sub_bortitle">融资部</div>
                                        <div class="sub_bortext">Financing  Dept.</div>
                                    </div></div>
                                    <div class="sub_oragnbox"><div class="sub_boxbor">
                                        <div class="sub_bortitle">项目部</div>
                                        <div class="sub_bortext">Project  Dept.</div>
                                    </div></div>
                                    <div class="sub_oragnbox"><div class="sub_boxbor">
                                        <div class="sub_bortitle">企划文宣部</div>
                                        <div class="sub_bortext">Planning Dept.</div>
                                    </div></div>
                                    <div class="sub_oragnbox"><div class="sub_boxbor">
                                        <div class="sub_bortitle">电商部</div>
                                        <div class="sub_bortext">Electronic Commerce  Dept.</div>
                                    </div></div>
                                    <div class="sub_oragnbox"><div class="sub_boxbor">
                                        <div class="sub_bortitle">农技部</div>
                                        <div class="sub_bortext">Agricultural Technology  Dept.</div>
                                    </div></div>
                                    <div class="sub_oragnbox"><div class="sub_boxbor">
                                        <div class="sub_bortitle">市场部 </div>
                                        <div class="sub_bortext">Marketing  Dept.</div>
                                    </div></div>
                                </div>
                            @}else{
                            <div class="blog-main" style="margin-top: 10px">
                                <div class="visible-lg-block visible-md-block" style="margin: 15px 0px;color:#474747;font-size: medium;">
                                    ${sub.description}
                                </div>
                            </div>
                            @}
                        </div>

                    </div>
                </div>
            </div>
        </div>



        <!--mobile-->
        <div id="productContent2" class="visible-xs-block visible-sm-block">
            <div class="submobile_zonleft">
                @for(item in subList){
                @if(sub.id == item.id){
                <a  href="/subDetail/subId${item.id}.html"  class="sub_title active_title" onclick="">${item.dateName}</a>
                @}else{
                <a  href="/subDetail/subId${item.id}.html"  class="sub_title" onclick="">${item.dateName}</a>
                @}
                @}
            </div>

            @if(sub.id == 5){
                @for(item in persons){
                <div class="submobile-product-div" style="width: 90%;margin: 0 auto">
                    <div class="mobile-product-sub2">
                        <p class="mobile-btn-sub2">${item.productName}</p>
<!--
                        <p class="mobile-btn-sub2">${item.createDatetime,dateFormat="yyyy-MM-dd"}</p>
-->
                        <p class="mobile-btn-sub1">${item.detail}</p>
                    </div>
                    <div class="mobile-product-sub1" style="background-image: url(${item.pic});min-width: 100px;height: 120px;"></div>
                </div>
                @}
            @}else if(sub.id == 3){
            <div class="sub_mobileoragn">
                <div class="sub_oragnbox"><div class="sub_boxbor">
                    <div class="sub_bortitle">办公室</div>
                    <div class="sub_bortext">Corporate office</div>
                </div></div>
                <div class="sub_oragnbox"><div class="sub_boxbor">
                    <div class="sub_bortitle">财务部</div>
                    <div class="sub_bortext">Accounting Dept.</div>
                </div></div>
                <div class="sub_oragnbox"><div class="sub_boxbor">
                    <div class="sub_bortitle">融资部</div>
                    <div class="sub_bortext">Financing  Dept.</div>
                </div></div>
                <div class="sub_oragnbox"><div class="sub_boxbor">
                    <div class="sub_bortitle">项目部</div>
                    <div class="sub_bortext">Project  Dept.</div>
                </div></div>
                <div class="sub_oragnbox"><div class="sub_boxbor">
                    <div class="sub_bortitle">企划文宣部</div>
                    <div class="sub_bortext">Planning Dept.</div>
                </div></div>
                <div class="sub_oragnbox"><div class="sub_boxbor">
                    <div class="sub_bortitle">电商部</div>
                    <div class="sub_bortext">Electronic Commerce  Dept.</div>
                </div></div>
                <div class="sub_oragnbox"><div class="sub_boxbor">
                    <div class="sub_bortitle">农技部</div>
                    <div class="sub_bortext">Agricultural Technology  Dept.</div>
                </div></div>
                <div class="sub_oragnbox"><div class="sub_boxbor">
                    <div class="sub_bortitle">市场部 </div>
                    <div class="sub_bortext">Marketing  Dept.</div>
                </div></div>
            </div>
            @}else{
            <div class=" blog-main" style="width: 86%;margin: 0 auto;margin-top: 10px">
                <div id="newsContent" class="visible-sm-block visible-xs-block" style="margin: 15px 0px;color:#474747 ">
                    ${sub.description}
                </div>
            </div>
            @}
        </div>

    </div>

    <!-- footer -->
    @include("../_footer.html"){}
    <!-- //footer -->

    <script src="${ctxPath}/static/js/bootstrap.js"></script>
    <script>
        $(".container-fluid").css("min-height",window.outerHeight - ($(".banner-top")[0].clientHeight + $(".banner-top")[1].clientHeight) - 50 - $("footer").height())
        var left = $("#news");
        var win = $(window); //得到窗口对象
        var sc = $(document);//得到document文档对象
        win.scroll(function () {
            var t2 = document.documentElement.scrollHeight;
            var t1 = document.documentElement.scrollTop ;
            var b = t2-t1;
            navScroll(b);
        });

        function navScroll(bottom) {
            if (sc.scrollTop() >= 500) {
                if(bottom<1050){
                    left.addClass("left_relative");
                    left.removeClass("left_nav_class");
                }else{
                    left.addClass("left_nav_class");
                    left.removeClass("left_relative")
                    if (win.width < 768) {
                        left.animate({display: 'none'}, 0)
                    }
                }
            } else {
                left.removeClass("left_relative");
                left.removeClass("left_nav_class");
            }

        }
        $("#newsContent").find("img").css({"width":"100%","height":"auto"});

    </script>
    <script type="text/javascript" src="${ctxPath}/static/js/move-top.js"></script>
    <script type="text/javascript" src="${ctxPath}/static/js/easing.js"></script>
    <!-- here stars scrolling icon -->
    <script type="text/javascript" src="${ctxPath}/static/js/scroller-menu.js"></script>

    <!-- //here ends scrolling icon -->
    <!-- FlexSlider -->
    <script defer src="${ctxPath}/static/js/jquery.flexslider.js"></script>
    <!-- //FlexSlider-->
    <script type="text/javascript">
        //移动端相关新闻轮播显示
        $(window).load(function(){
            $('#slider').flexslider({
                animation: "slide",
                controlNav: false,
                animationLoop: true,
                slideshow: true,
                directionNav:false,
                slideshowSpeed: 3000,
                sync: "#carousel",
                start: function(slider){
                    $('body').removeClass('loading');
                }
            });
        });
    </script>
    <script>
        window._bd_share_config={
            common:{
                "bdText":"农业科技有限公司",
                "bdPic ":'${sub.pic}',
                "bdMini":"2",
                "bdSize":"16"
            },
            share:{},
            image:{
                "viewList":["qzone","tsina","weixin","renren"],
                "viewText":"分享到：",
                "viewSize":"16"
            }
        };
    with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
    </script>


</body>
</html>
